<!DOCTYPE html>
<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">

<head>
    <meta charset="utf-8"/>
    <title layout:title-pattern="$DECORATOR_TITLE - $CONTENT_TITLE">协同开发文件管理系统</title>
    <meta name="keywords" content="协同开发文件管理系统"/>
    <meta name="description" content="协同开发文件管理系统"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <!--<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700'>-->

    <!-- Theme CSS -->
    <link rel="stylesheet" type="text/css" th:href="@{/resources/assets/skin/default_skin/css/theme.css}"/>

    <!-- Admin Forms CSS -->
    <link rel="stylesheet" type="text/css" th:href="@{/resources/assets/admin-tools/admin-forms/css/admin-forms.css}"/>

    <!-- Favicon -->
    <link rel="shortcut icon" th:href="@{/resources/assets/img/favicon.ico}"/>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->

    <!-- jQuery -->
    <script th:src="@{/resources/vendor/jquery/jquery-1.11.1.min.js}"></script>
    <script th:src="@{/resources/vendor/jquery/jquery_ui/jquery-ui.min.js}"></script>
    <script th:src="@{/resources/assets/admin-tools/admin-forms/js/jquery-ui-datepicker.min.js}"/>
    <script th:src="@{/resources/js/serviceno-common.js}"/>


    <!-- 左边菜单的控制 -->
    <script th:inline="javascript">
        /*<![CDATA[*/

        $(function(){
            var pclass = /*[[${param.pclass}]]*/;
            var currentClass=/*[[${param.currentClass}]]*/;//当前超级链接
            var currentNode = currentClass;

            var nodej='.'+pclass+'  div';

            if(currentNode!=null){
               $('.'+currentNode).css("color","#3498db");
            }
            if(nodej!=null){
                $(nodej).show();
            }

            $('.main_nav  li a ').click(function () {
                $('.main_nav  li div').hide();
                $(this).next('div').show();
            })

//            $('.main_nav>li>a ').click(function () {
//                $('.main_nav  li div').hide();
//                $(this).next('div').show();
//            })
//
//            $('#aj').click(function () {
//                $('#jj').show();
//            })
//            $('#dj').click(function () {
//                $('#gj').show();
//            })
        })

        /*]]>*/
    </script>
    <style type="text/css">
       .main_nav  li div{display: none;}
       .main_nav  li div ul li{list-style: none;
           /*background: rgba(0, 0, 0, 0) url("../resources/img/admin_dot.gif") no-repeat scroll 15px 10px;*/
           line-height: 23px;
           list-style: outside none none;
           padding-left: 5px;
       }


    </style>
    <!-- 左边菜单的end控制 -->
</head>

${pclass}
<body class="dashboard-page">
<!-- Start: Theme Preview Pane -->
<div id="skin-toolbox">
    <div class="panel">
        <div class="panel-heading">
        <span class="panel-icon">
          <i class="fa fa-gear text-primary"></i>
        </span>
            <span class="panel-title"> 主题切换</span>
        </div>
        <div class="panel-body pn">
            <ul class="nav nav-list nav-list-sm pl15 pt10" role="tablist">
                <li class="active">
                    <a href="#toolbox-header" role="tab" data-toggle="tab">导航栏</a>
                </li>
                <li>
                    <a href="#toolbox-sidebar" role="tab" data-toggle="tab">侧边栏</a>
                </li>
            </ul>
            <div class="tab-content p20 ptn pb15">
                <div role="tabpanel" class="tab-pane active" id="toolbox-header">
                    <form id="toolbox-header-skin">
                        <h4 class="mv20">导航栏皮肤</h4>
                        <div class="skin-toolbox-swatches">
                            <div class="checkbox-custom checkbox-disabled fill mb5">
                                <input type="radio" name="headerSkin" id="headerSkin8" value=""/>
                                <label for="headerSkin8">Light</label>
                            </div>
                            <div class="checkbox-custom fill checkbox-primary mb5">
                                <input type="radio" name="headerSkin" id="headerSkin1" value="bg-primary"/>
                                <label for="headerSkin1">Primary</label>
                            </div>
                            <div class="checkbox-custom fill checkbox-info mb5">
                                <input type="radio" name="headerSkin" id="headerSkin3" value="bg-info"/>
                                <label for="headerSkin3">Info</label>
                            </div>
                            <div class="checkbox-custom fill checkbox-warning mb5">
                                <input type="radio" name="headerSkin" id="headerSkin4" value="bg-warning"/>
                                <label for="headerSkin4">Warning</label>
                            </div>
                            <div class="checkbox-custom fill checkbox-danger mb5">
                                <input type="radio" name="headerSkin" id="headerSkin5" value="bg-danger"/>
                                <label for="headerSkin5">Danger</label>
                            </div>
                            <div class="checkbox-custom fill checkbox-alert mb5">
                                <input type="radio" name="headerSkin" id="headerSkin6" value="bg-alert"/>
                                <label for="headerSkin6">Alert</label>
                            </div>
                            <div class="checkbox-custom fill checkbox-system mb5">
                                <input type="radio" name="headerSkin" id="headerSkin7" value="bg-system"/>
                                <label for="headerSkin7">System</label>
                            </div>
                            <div class="checkbox-custom fill checkbox-success mb5">
                                <input type="radio" name="headerSkin" id="headerSkin2" value="bg-success"/>
                                <label for="headerSkin2">Success</label>
                            </div>
                            <div class="checkbox-custom fill mb5">
                                <input type="radio" name="headerSkin" id="headerSkin9" value="bg-dark"/>
                                <label for="headerSkin9">Dark</label>
                            </div>
                        </div>
                    </form>
                </div>
                <div role="tabpanel" class="tab-pane" id="toolbox-sidebar">
                    <form id="toolbox-sidebar-skin">
                        <h4 class="mv20">侧边栏皮肤</h4>
                        <div class="skin-toolbox-swatches">
                            <div class="checkbox-custom fill mb5">
                                <input type="radio" name="sidebarSkin" id="sidebarSkin3" value=""/>
                                <label for="sidebarSkin3">暗色</label>
                            </div>
                            <div class="checkbox-custom fill checkbox-disabled mb5">
                                <input type="radio" name="sidebarSkin" id="sidebarSkin1" value="sidebar-light"/>
                                <label for="sidebarSkin1">较亮</label>
                            </div>
                            <div class="checkbox-custom fill checkbox-light mb5">
                                <input type="radio" name="sidebarSkin" id="sidebarSkin2" value="sidebar-light light"/>
                                <label for="sidebarSkin2">更亮</label>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="form-group mn br-t p15">
                <a href="#" id="clearLocalStorage" class="btn btn-primary btn-block pb10 pt10">默认样式</a>
            </div>
        </div>
    </div>
</div>
<!-- End: Theme Preview Pane -->
<!-- Start: Main -->
<div id="main">

    <!-- Start: Header -->
    <header class="navbar navbar-fixed-top navbar-shadow bg-primary" th:replace="admin/fragments/header :: header">
        <div class="navbar-branding">
            <a class="navbar-brand" href="admin/dashboard.html" th:href="@{/admin/dashboard}">
                <b>协同开发文件管理系统</b>
            </a>
            <span id="toggle_sidemenu_l" class="ad ad-lines"></span>
        </div>
        <ul class="nav navbar-nav navbar-left">
            <li class="hidden-xs">
                <a class="request-fullscreen toggle-active" href="#">
                    <span class="ad ad-screen-full fs18"></span>
                </a>
            </li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
            <li class="dropdown menu-merge">
                <a href="#" class="dropdown-toggle fw600 p15">
                    <img src="/resources/assets/img/avatars/1.jpg" class="mw30 br64"/>
                    <span class="hidden-xs pl15"> 测试 </span>
                </a>
            </li>
            <li class="dropdown menu-merge">
                <a class="" href="#">
                    <span class="glyphicon glyphicon-log-out"></span>
                </a>
            </li>
        </ul>
    </header>
    <!-- End: Header -->

    <!-- Start: Sidebar -->
    <aside id="sidebar_left" class="nano nano-light affix sidebar-light" th:replace="admin/fragments/menu :: menu">

        <!-- Start: Sidebar Left Content -->
        <div class="sidebar-left-content nano-content">

            <!-- Start: Sidebar Menu -->
            <ul class="nav sidebar-menu">
                <li class="sidebar-label pt20">租户管理</li>
                <li class="active">
                    <a href="../README/index.html">
                        <span class="glyphicon glyphicon-th-list"></span>
                        <span class="sidebar-title">租户注册</span>
                    </a>
                </li>
                <li>
                    <a href="dashboard.html">
                        <span class="glyphicon glyphicon-shopping-cart"></span>
                        <span class="sidebar-title">订阅信息</span>
                    </a>
                </li>

                <!-- sidebar bullets -->
                <li class="sidebar-label pt15">设置</li>
                <li class="sidebar-proj">
                    <a href="#projectOne">
                        <span class="fa fa-dot-circle-o text-primary"></span>
                        <span class="sidebar-title">基本资料</span>
                    </a>
                </li>
                <li class="sidebar-proj">
                    <a href="#projectTwo">
                        <span class="fa fa-dot-circle-o text-info"></span>
                        <span class="sidebar-title">功能设置</span>
                    </a>
                </li>
                <li class="sidebar-proj">
                    <a href="#projectTwo">
                        <span class="fa fa-dot-circle-o text-info"></span>
                        <span class="sidebar-title">关于系统</span>
                    </a>
                </li>

            </ul>
            <!-- End: Sidebar Menu -->

            <!-- Start: Sidebar Collapse Button -->
            <div class="sidebar-toggle-mini">
                <a href="#">
                    <span class="fa fa-sign-out"></span>
                </a>
            </div>
            <!-- End: Sidebar Collapse Button -->

        </div>
        <!-- End: Sidebar Left Content -->

    </aside>

    <!-- Start: Content-Wrapper -->
    <section id="content_wrapper">
        <!-- Start: Topbar -->
        <header id="topbar" class="ph10" layout:fragment="topbar">
            <div class="topbar-left">
                <ol class="breadcrumb">
                    <li class="crumb-icon crumb-active">
                        <a href="dashboard.html">
                            <span class="glyphicon glyphicon-home"></span>
                        </a>
                    </li>
                    <li class="crumb-trail">首页</li>
                </ol>
            </div>
            <!--<div class="topbar-right hidden-xs hidden-sm" id="toggle_sidemenu_r">
                <a href="#" class="btn btn-default btn-sm fw400 ml10">
                    <span class="fa fa-search"></span>
                </a>
            </div>
            <div class="topbar-right hidden-xs hidden-sm">
                <a href="ecommerce_orders.html" class="btn btn-default btn-sm fw400 ml10">
                    <span class="fa fa-plus pr5"></span> 新增
                </a>
            </div>-->
        </header>
        <!-- End: Topbar -->

        <!-- Begin: Content -->
        <section id="content" class="table-layout animated fadeIn">

            <!-- begin: .tray-center -->
            <div class="tray tray-center" layout:fragment="content">

                <!-- recent orders table -->
                <!--<div class="panel">
                    <div class="panel-body pn">
                        <div class="table-responsive">
                            <table class="table admin-form theme-warning tc-checkbox-1 fs13">
                                <thead>
                                <tr class="bg-light">
                                    <th class="text-center">Select</th>
                                    <th class="">Image</th>
                                    <th class="">Product Title</th>
                                    <th class="">SKU</th>
                                    <th class="">Price</th>
                                    <th class="">Stock</th>
                                    <th class="text-right">Status</th>

                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td class="text-center">
                                        <label class="option block mn">
                                            <input type="checkbox" name="mobileos" value="FR"/>
                                            <span class="checkbox mn"></span>
                                        </label>
                                    </td>
                                    <td class="w100">
                                        <img class="img-responsive mw40 ib mr10" title="user" src="/resources/assets/img/stock/products/thumb_1.jpg"/>
                                    </td>
                                    <td class="">Apple Ipod 4G - Silver</td>
                                    <td class="">#21362</td>
                                    <td class="">$215</td>
                                    <td class="">1,400</td>
                                    <td class="text-right">
                                        <div class="btn-group text-right">
                                            <button type="button" class="btn btn-success br2 btn-xs fs12 dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Active
                                                <span class="caret ml5"></span>
                                            </button>
                                            <ul class="dropdown-menu" role="menu">
                                                <li>
                                                    <a href="#">Edit</a>
                                                </li>
                                                <li>
                                                    <a href="#">Delete</a>
                                                </li>
                                                <li>
                                                    <a href="#">Archive</a>
                                                </li>
                                                <li class="divider"></li>
                                                <li>
                                                    <a href="#">Complete</a>
                                                </li>
                                                <li class="active">
                                                    <a href="#">Pending</a>
                                                </li>
                                                <li>
                                                    <a href="#">Canceled</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-center">
                                        <label class="option block mn">
                                            <input type="checkbox" name="mobileos" value="FR"/>
                                            <span class="checkbox mn"></span>
                                        </label>
                                    </td>
                                    <td class="w100">
                                        <img class="img-responsive mw40 ib mr10" title="user" src="/resources/assets/img/stock/products/thumb_2.jpg"/>
                                    </td>
                                    <td class="">Apple Smart Watch - 1G</td>
                                    <td class="">#15262</td>
                                    <td class="">$455</td>
                                    <td class="">2,100</td>
                                    <td class="text-right">
                                        <div class="btn-group text-right">
                                            <button type="button" class="btn btn-success br2 btn-xs fs12 dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Active
                                                <span class="caret ml5"></span>
                                            </button>
                                            <ul class="dropdown-menu" role="menu">
                                                <li>
                                                    <a href="#">Edit</a>
                                                </li>
                                                <li>
                                                    <a href="#">Delete</a>
                                                </li>
                                                <li>
                                                    <a href="#">Archive</a>
                                                </li>
                                                <li class="divider"></li>
                                                <li>
                                                    <a href="#">Complete</a>
                                                </li>
                                                <li class="active">
                                                    <a href="#">Pending</a>
                                                </li>
                                                <li>
                                                    <a href="#">Canceled</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-center">
                                        <label class="option block mn">
                                            <input type="checkbox" name="mobileos" value="FR"/>
                                            <span class="checkbox mn"></span>
                                        </label>
                                    </td>
                                    <td class="w100">
                                        <img class="img-responsive mw40 ib mr10" title="user" src="/resources/assets/img/stock/products/thumb_6.jpg"/>
                                    </td>
                                    <td class="">Apple Macbook 4th Gen - Silver</td>
                                    <td class="">#66362</td>
                                    <td class="">$1699</td>
                                    <td class="">6,100</td>
                                    <td class="text-right">
                                        <div class="btn-group text-right">
                                            <button type="button" class="btn btn-success br2 btn-xs fs12 dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Active
                                                <span class="caret ml5"></span>
                                            </button>
                                            <ul class="dropdown-menu" role="menu">
                                                <li>
                                                    <a href="#">Edit</a>
                                                </li>
                                                <li>
                                                    <a href="#">Delete</a>
                                                </li>
                                                <li>
                                                    <a href="#">Archive</a>
                                                </li>
                                                <li class="divider"></li>
                                                <li>
                                                    <a href="#">Complete</a>
                                                </li>
                                                <li class="active">
                                                    <a href="#">Pending</a>
                                                </li>
                                                <li>
                                                    <a href="#">Canceled</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-center">
                                        <label class="option block mn">
                                            <input type="checkbox" name="mobileos" value="FR"/>
                                            <span class="checkbox mn"></span>
                                        </label>
                                    </td>
                                    <td class="w100">
                                        <img class="img-responsive mw40 ib mr10" title="user" src="/resources/assets/img/stock/products/thumb_7.jpg"/>
                                    </td>
                                    <td class="">Apple Iphone 16GB - Silver</td>
                                    <td class="">#51362</td>
                                    <td class="">$1299</td>
                                    <td class="">5,200</td>
                                    <td class="text-right">
                                        <div class="btn-group text-right">
                                            <button type="button" class="btn btn-success br2 btn-xs fs12 dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Active
                                                <span class="caret ml5"></span>
                                            </button>
                                            <ul class="dropdown-menu" role="menu">
                                                <li>
                                                    <a href="#">Edit</a>
                                                </li>
                                                <li>
                                                    <a href="#">Delete</a>
                                                </li>
                                                <li>
                                                    <a href="#">Archive</a>
                                                </li>
                                                <li class="divider"></li>
                                                <li>
                                                    <a href="#">Complete</a>
                                                </li>
                                                <li class="active">
                                                    <a href="#">Pending</a>
                                                </li>
                                                <li>
                                                    <a href="#">Canceled</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-center">
                                        <label class="option block mn">
                                            <input type="checkbox" name="mobileos" value="FR"/>
                                            <span class="checkbox mn"></span>
                                        </label>
                                    </td>
                                    <td class="w100">
                                        <img class="img-responsive mw40 ib mr10" title="user" src="/resources/assets/img/stock/products/thumb_3.jpg"/>
                                    </td>
                                    <td class="">Apple Ipod Nano 2G - Silver</td>
                                    <td class="">#4132</td>
                                    <td class="">$995</td>
                                    <td class="">11,000</td>
                                    <td class="text-right">
                                        <div class="btn-group text-right">
                                            <button type="button" class="btn btn-success br2 btn-xs fs12 dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Active
                                                <span class="caret ml5"></span>
                                            </button>
                                            <ul class="dropdown-menu" role="menu">
                                                <li>
                                                    <a href="#">Edit</a>
                                                </li>
                                                <li>
                                                    <a href="#">Delete</a>
                                                </li>
                                                <li>
                                                    <a href="#">Archive</a>
                                                </li>
                                                <li class="divider"></li>
                                                <li>
                                                    <a href="#">Complete</a>
                                                </li>
                                                <li class="active">
                                                    <a href="#">Pending</a>
                                                </li>
                                                <li>
                                                    <a href="#">Canceled</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-center">
                                        <label class="option block mn">
                                            <input type="checkbox" name="mobileos" value="FR"/>
                                            <span class="checkbox mn"></span>
                                        </label>
                                    </td>
                                    <td class="w100">
                                        <img class="img-responsive mw40 ib mr10" title="user" src="/resources/assets/img/stock/products/thumb_4.jpg"/>
                                    </td>
                                    <td class="">Apple Macbook 3rd Gen - Silver</td>
                                    <td class="">#21362</td>
                                    <td class="">$1,150</td>
                                    <td class="">4,300</td>
                                    <td class="text-right">
                                        <div class="btn-group text-right">
                                            <button type="button" class="btn btn-success br2 btn-xs fs12 dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Active
                                                <span class="caret ml5"></span>
                                            </button>
                                            <ul class="dropdown-menu" role="menu">
                                                <li>
                                                    <a href="#">Edit</a>
                                                </li>
                                                <li>
                                                    <a href="#">Delete</a>
                                                </li>
                                                <li>
                                                    <a href="#">Archive</a>
                                                </li>
                                                <li class="divider"></li>
                                                <li>
                                                    <a href="#">Complete</a>
                                                </li>
                                                <li class="active">
                                                    <a href="#">Pending</a>
                                                </li>
                                                <li>
                                                    <a href="#">Canceled</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-center">
                                        <label class="option block mn">
                                            <input type="checkbox" name="mobileos" value="FR"/>
                                            <span class="checkbox mn"></span>
                                        </label>
                                    </td>
                                    <td class="w100">
                                        <img class="img-responsive mw40 ib mr10" title="user" src="/resources/assets/img/stock/products/thumb_2.jpg"/>
                                    </td>
                                    <td class="">Apple Smart Watch - 1G</td>
                                    <td class="">#15262</td>
                                    <td class="">$455</td>
                                    <td class="text-warning">
                                        <b>145</b>
                                    </td>
                                    <td class="text-right">
                                        <div class="btn-group text-right">
                                            <button type="button" class="btn btn-warning br2 btn-xs fs12 dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Disabled
                                                <span class="caret ml5"></span>
                                            </button>
                                            <ul class="dropdown-menu" role="menu">
                                                <li>
                                                    <a href="#">Edit</a>
                                                </li>
                                                <li>
                                                    <a href="#">Delete</a>
                                                </li>
                                                <li>
                                                    <a href="#">Archive</a>
                                                </li>
                                                <li class="divider"></li>
                                                <li>
                                                    <a href="#">Complete</a>
                                                </li>
                                                <li class="active">
                                                    <a href="#">Pending</a>
                                                </li>
                                                <li>
                                                    <a href="#">Canceled</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-center">
                                        <label class="option block mn">
                                            <input type="checkbox" name="mobileos" value="FR"/>
                                            <span class="checkbox mn"></span>
                                        </label>
                                    </td>
                                    <td class="w100">
                                        <img class="img-responsive mw40 ib mr10" title="user" src="/resources/assets/img/stock/products/thumb_5.jpg"/>
                                    </td>
                                    <td class="">Apple iMac 32" - Silver</td>
                                    <td class="">#21362</td>
                                    <td class="">$1299</td>
                                    <td class="text-warning">
                                        <b>180</b>
                                    </td>
                                    <td class="text-right">
                                        <div class="btn-group text-right">
                                            <button type="button" class="btn btn-warning br2 btn-xs fs12 dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Disabled
                                                <span class="caret ml5"></span>
                                            </button>
                                            <ul class="dropdown-menu" role="menu">
                                                <li>
                                                    <a href="#">Edit</a>
                                                </li>
                                                <li>
                                                    <a href="#">Delete</a>
                                                </li>
                                                <li>
                                                    <a href="#">Archive</a>
                                                </li>
                                                <li class="divider"></li>
                                                <li>
                                                    <a href="#">Complete</a>
                                                </li>
                                                <li class="active">
                                                    <a href="#">Pending</a>
                                                </li>
                                                <li>
                                                    <a href="#">Canceled</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-center">
                                        <label class="option block mn">
                                            <input type="checkbox" name="mobileos" value="FR"/>
                                            <span class="checkbox mn"></span>
                                        </label>
                                    </td>
                                    <td class="w100">
                                        <img class="img-responsive mw40 ib mr10" title="user" src="/resources/assets/img/stock/products/thumb_3.jpg"/>
                                    </td>
                                    <td class="">Apple Ipod Nano 2G - Silver</td>
                                    <td class="">#4132</td>
                                    <td class="">$995</td>
                                    <td class="text-danger">
                                        <b>0 - Sold Out</b>
                                    </td>
                                    <td class="text-right">
                                        <div class="btn-group text-right">
                                            <button type="button" class="btn btn-danger br2 btn-xs fs12 dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Sold Out
                                                <span class="caret ml5"></span>
                                            </button>
                                            <ul class="dropdown-menu" role="menu">
                                                <li>
                                                    <a href="#">Edit</a>
                                                </li>
                                                <li>
                                                    <a href="#">Delete</a>
                                                </li>
                                                <li>
                                                    <a href="#">Archive</a>
                                                </li>
                                                <li class="divider"></li>
                                                <li>
                                                    <a href="#">Complete</a>
                                                </li>
                                                <li class="active">
                                                    <a href="#">Pending</a>
                                                </li>
                                                <li>
                                                    <a href="#">Canceled</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-center">
                                        <label class="option block mn">
                                            <input type="checkbox" name="mobileos" value="FR"/>
                                            <span class="checkbox mn"></span>
                                        </label>
                                    </td>
                                    <td class="w100">
                                        <img class="img-responsive mw40 ib mr10" title="user" src="/resources/assets/img/stock/products/thumb_6.jpg"/>
                                    </td>
                                    <td class="">Apple Macbook 4th Gen - Silver</td>
                                    <td class="">#66362</td>
                                    <td class="">$1699</td>
                                    <td class="text-danger">
                                        <b>0 - Sold Out</b>
                                    </td>
                                    <td class="text-right">
                                        <div class="btn-group text-right">
                                            <button type="button" class="btn btn-danger br2 btn-xs fs12 dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Sold Out
                                                <span class="caret ml5"></span>
                                            </button>
                                            <ul class="dropdown-menu" role="menu">
                                                <li>
                                                    <a href="#">Edit</a>
                                                </li>
                                                <li>
                                                    <a href="#">Delete</a>
                                                </li>
                                                <li>
                                                    <a href="#">Archive</a>
                                                </li>
                                                <li class="divider"></li>
                                                <li>
                                                    <a href="#">Complete</a>
                                                </li>
                                                <li class="active">
                                                    <a href="#">Pending</a>
                                                </li>
                                                <li>
                                                    <a href="#">Canceled</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-center">
                                        <label class="option block mn">
                                            <input type="checkbox" name="mobileos" value="FR"/>
                                            <span class="checkbox mn"></span>
                                        </label>
                                    </td>
                                    <td class="w100">
                                        <img class="img-responsive mw40 ib mr10" title="user" src="/resources/assets/img/stock/products/thumb_7.jpg"/>
                                    </td>
                                    <td class="">Apple Iphone 16GB - Silver</td>
                                    <td class="">#51362</td>
                                    <td class="">$1299</td>
                                    <td class="text-danger">
                                        <b>0 - Sold Out</b>
                                    </td>
                                    <td class="text-right">
                                        <div class="btn-group text-right">
                                            <button type="button" class="btn btn-danger br2 btn-xs fs12 dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Sold Out
                                                <span class="caret ml5"></span>
                                            </button>
                                            <ul class="dropdown-menu" role="menu">
                                                <li>
                                                    <a href="#">Edit</a>
                                                </li>
                                                <li>
                                                    <a href="#">Delete</a>
                                                </li>
                                                <li>
                                                    <a href="#">Archive</a>
                                                </li>
                                                <li class="divider"></li>
                                                <li>
                                                    <a href="#">Complete</a>
                                                </li>
                                                <li class="active">
                                                    <a href="#">Pending</a>
                                                </li>
                                                <li>
                                                    <a href="#">Canceled</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>-->

            </div>
            <!-- end: .tray-center -->

        </section>
        <!-- End: Content -->

        <!-- Begin: Page Footer -->
        <footer id="content-footer" class="affix" th:replace="admin/fragments/footer :: footer">
            <div class="row">
                <div class="col-md-6">
                    <span class="footer-legal">© 2017 AirS Mobile</span>
                </div>
                <div class="col-md-6 text-right">
                    <span class="footer-meta">0 Users Online</span>
                    <a href="#content" class="footer-return-top">
                        <span class="fa fa-arrow-up"></span>
                    </a>
                </div>
            </div>
        </footer>
        <!-- End: Page Footer -->

    </section>

    <!-- Start: Right Sidebar -->
    <!--<aside id="sidebar_right" class="nano affix">

        &lt;!&ndash; Start: Sidebar Right Content &ndash;&gt;
        <div class="sidebar-right-content nano-content">

            <div class="tab-block sidebar-block br-n">
                <div class="tab-content br-n">
                    <div id="sidebar-right-tab1" class="tab-pane active">
                        <div class="admin-form">
                            <h5 class="title-divider text-muted mb20"><span class="glyphicon glyphicon-filter">过滤条件</span></h5>

                            <div class="section mb15">
                                <label for="order-id" class="field prepend-icon">
                                    <input type="text" name="order-id" id="order-id" class="gui-input" placeholder="Product SKU #"/>
                                    <label for="order-id" class="field-icon">
                                        <i class="fa fa-tag"></i>
                                    </label>
                                </label>
                            </div>

                            <h5><small>Price Range($)</small></h5>
                            <div class="section row mb15">
                                <div class="col-md-6">
                                    <label for="price1" class="field prepend-icon">
                                        <input type="text" name="price1" id="price1" class="gui-input" placeholder="0"/>
                                        <label for="price1" class="field-icon">
                                            <i class="fa fa-usd"></i>
                                        </label>
                                    </label>
                                </div>
                                <div class="col-md-6">
                                    <label for="price2" class="field prepend-icon">
                                        <input type="text" name="price2" id="price2" class="gui-input" placeholder="1000"/>
                                        <label for="price2" class="field-icon">
                                            <i class="fa fa-usd"></i>
                                        </label>
                                    </label>
                                </div>
                            </div>

                            <h5><small>Sales Date</small></h5>
                            <div class="section row">
                                <div class="col-md-6">
                                    <label for="date1" class="field prepend-icon">
                                        <input type="text" name="date1" id="date1" class="gui-input" placeholder="01/01/15"/>
                                        <label for="date1" class="field-icon">
                                            <i class="fa fa-calendar"></i>
                                        </label>
                                    </label>
                                </div>
                                <div class="col-md-6">
                                    <label for="date2" class="field prepend-icon">
                                        <input type="text" name="date2" id="date2" class="gui-input" placeholder="01/31/15"/>
                                        <label for="date2" class="field-icon">
                                            <i class="fa fa-calendar"></i>
                                        </label>
                                    </label>
                                </div>
                            </div>

                            <h5><small>Search Categories</small></h5>
                            <div class="section mb15">
                                <label class="field select">
                                    <select id="filter-categories" name="filter-categories">
                                        <option value="0" selected="selected">Filter by Categories</option>
                                        <option value="1">Electronics</option>
                                        <option value="2">Software</option>
                                    </select>
                                    <i class="arrow double"></i>
                                </label>
                            </div>

                            <h5><small>Search Customers</small></h5>
                            <div class="section">
                                <label class="field select">
                                    <select id="filter-customers" name="filter-customers">
                                        <option value="0" selected="selected">Filter by Vendor</option>
                                        <option value="1">Michael</option>
                                        <option value="2">David</option>
                                        <option value="3">Sara</option>
                                        <option value="4">Tasha</option>
                                    </select>
                                    <i class="arrow double"></i>
                                </label>
                            </div>

                            <hr class="short"/>

                            <div class="section">
                                <button class="btn btn-default btn-sm ph25" type="button">查询</button>
                                <label class="field option ml15">
                                    <input type="checkbox" name="info"/>
                                    <span class="checkbox"></span>
                                    <span class="text-muted">保存检索条件</span>
                                </label>
                            </div>

                        </div>
                    </div>
                </div>
                &lt;!&ndash; end: .tab-content &ndash;&gt;
            </div>
        </div>
    </aside>-->
    <!-- End: Right Sidebar -->

</div>
<!-- End: Main -->

<!-- BEGIN: PAGE SCRIPTS -->

<!-- Theme Javascript -->
<script th:src="@{/resources/assets/js/utility/utility.js}"/>
<script th:src="@{/resources/assets/js/demo/demo.js}"/>
<script th:src="@{/resources/assets/js/main.js}"/>
<script type="text/javascript">
    jQuery(document).ready(function() {
        Core.init();
        Demo.init();

    });
</script>\

<script type="text/javascript" layout:fragment="javascript">
    // 被装饰页面定义JS
</script>
<!-- END: PAGE SCRIPTS -->

</body>

</html>